<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@page import="cn.geodata.dataview.util.Util"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>view</title>
<style type="text/css">
	@IMPORT url("css/common.css");
	@IMPORT url("css/map.css");
</style>
<style type="text/css">
    @import "http://o.aolcdn.com/dojo/0.9.0/dijit/themes/tundra/tundra.css";
    @import "http://o.aolcdn.com/dojo/0.9.0/dojo/dojo.css"
</style>
<script type="text/javascript" src="http://o.aolcdn.com/dojo/0.9.0/dojo/dojo.xd.js"
            djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
   dojo.require("dojo.parser");
   dojo.require("dijit.form.DateTextBox");
   dojo.require("dijit.form.NumberTextBox");
   dojo.require("dijit.form.Button");
</script>

<style type="text/css">
	@IMPORT url("controls/css/style.css");
</style>
<!-- 
<script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js" ></script>
 -->
<script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=<%=Util.getConfigure().getProperty("google.map.key") %>'></script>
<script type="text/javascript" src="scripts/google.js"></script>
</head>
<body onload="initialize()" onunload="GUnload()" class="tundra" style="font-size: 13px;">
	<div class="bodywrap">
		<jsp:include page="inc/top.jsp"></jsp:include>
		<div id="mainPanel">
			<table style="width:100%;border-width: 0px;" cellpadding="0" cellspacing="0">
			<tr>
				<td id="leftPanel">
					<div id="map"></div>
				</td>
				<td id="rightPanel">
					<div style="border: 1px solid #AAAAAA; height: 100%;text-align: left;">
						<div class="textBlock">
							<div class="blockTitle">Period</div>
							<div class="blockBody">
								<span>start</span>
								<input type="text" value="" dojoType="dijit.form.DateTextBox" id="startDate" size="10"/>
								<span>end</span>
								<input type="text" dojoType="dijit.form.DateTextBox" id="endDate" size="10"/>
							</div>
						</div>
						<div class="textBlock">
							<div class="blockTitle">Spatial</div>
							<div class="blockBody" style="text-align: center;">
								<div>
									<span>North</span>
									<input type="text" value="" dojoType="dijit.form.NumberTextBox" id="maxY" require="true" size="7"/>
								</div>
								<div>
									<span>West</span>
									<input type="text" value="" dojoType="dijit.form.NumberTextBox" id="minX" require="true" size="7"/>
									-
									<span>East</span>
									<input type="text" value="" dojoType="dijit.form.NumberTextBox" id="maxX" require="true" size="7"/>
								</div>
								<div>
									<span>South</span>
									<input type="text" value="" dojoType="dijit.form.NumberTextBox" id="minY" require="true" size="7"/>
								</div>
							</div>
						</div>
						
						<button dojoType="dijit.form.Button" id="search" onclick="search();">Search</button>
					</div>
				</td>
			</tr>
			</table>
		</div>
		<jsp:include page="inc/tail.jsp"></jsp:include>
	</div>
</body>
</html>